<div style="width:50%;padding:10px" ng-animate=" 'animate' ">
<h2>Tools Entry Form</h2>
  <form role="form">

		<div class="form-group">
			<select class="form-control" ng-model="application" ng-options="item.name for item in applications"></select>
		</div>
		<div class="form-group">
      		
      		<input type="text" class="form-control" id="brd" placeholder="Enter Description" ng-model="description">
    	</div>    	
		<div class="form-group">
      		<input type="text" class="form-control" id="brd" placeholder="Enter Brand" ng-model="brand">
    	</div>
    	<div class="form-group">
      		
      		<input type="text" class="form-control" id="model" placeholder="Enter Model" ng-model="model">
    	</div>
    	<div class="form-group">
      		
      		<input type="text" class="form-control" id="origin" placeholder="Enter Origin" ng-model="origin">
    	</div>
    	<div class="form-group">
      		
      		<input type="text" class="form-control" id="rt" placeholder="Enter Packing" ng-model="packing">
    	</div>
    	
    <button type="submit" class="btn btn-default" ng-click="submitTool()">Submit</button>
    
  </form>
</div>
<div class="box">
                                <div class="box-header">
                                    <h3 class="box-title">Tools List</h3>
                                    <div style="padding-top:2px;padding-right:9px" class="col-xs-2 pull-right">
							        	<input type="search" placeholder="Search" class="form-control" ng-model="searchText">
    								</div>
                                </div><!-- /.box-header -->
                                <div class="box-body table-responsive" ng-if="toolsList.length>0">
                                    <table id="example1" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>Application</th>
                                                <th>Description</th>
                                                <th>Brand</th>
                                                <th>Model</th>
                                                <th>Origin</th>
                                                <th>Packing</th>
                                                <th>Delete</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="item in toolsList | filter:searchText">
                                            	<td>{{item.application}}</td>
												<td>{{item.description}}</td>
												<td>{{item.brand}}</td>
												<td>{{item.model}}</td>
												<td>{{item.origin}}</td>
												<td>{{item.packing}}</td>
												<td>
													<button class="btn btn-primary btn-sm btn-danger" ng-click="deleteTool(item.uuid,$index)">Delete</button>
												</td>
												
                                            </tr>
                                            
                                        </tbody>
                                        
                                    </table>
                                </div><!-- /.box-body -->
                            </div><!-- /.box -->